﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>新建圈子</title>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"></link>
	<link href="../css/reset.css" rel="stylesheet" type="text/css"></link>
	<link href="../css/common.css" rel="stylesheet" type="text/css"></link>
	<link href="../css/pxmain.css" rel="stylesheet" type="text/css"></link>
	<script type="text/javascript" src="../js/jquery/jquery.js"></script>
    <script type="text/javascript" src="../js/modernizr.js"></script>
	<!--[if IE 6]>
	<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js" ></script>
	<script type="text/javascript">
	DD_belatedPNG.fix('.user-setting,.zan-ico, .ico-hit, .ico-laud, .icon-downlowd, .icon-share,.show-wall .show-pager span ,.model-logo-one');
	</script>
	<![endif]-->
</head>
<body>
<section class="newcircle-boxbg pa">
 	<div class="newcircle-box pr">
    	<form action="#">
            <h3 class="ncT">请选择您要创建的圈子<span class="close-box pa">×</span></h3>
            <div class="ncList1 pal">
                <h5>和您相关的圈子</h5>
                <ul class="circle-data clearfix mts">
                	<li>摄影</li>
                    <li>造型</li>
                    <li>服装设计</li>
                    <li>发型设计</li>
                    <li>化妆师</li>
                    <li>经纪人</li>
                    <li>星探</li>
                </ul>
            </div>
            <div class="ncList2 pal">
            	<h5>所有圈子</h5>
                <ul class="allcircle-data clearfix mts mbxxl">
                	<li>摄影</li>
                    <li>造型</li>
                    <li>服装设计</li>
                    <li>发型设计</li>
                    <li>化妆师</li>
                    <li>经纪人</li>
                    <li>星探</li>
                    <li>摄影</li>
                    <li>造型</li>
                    <li>服装设计</li>
                    <li>发型设计</li>
                    <li>化妆师</li>
                    <li>经纪人</li>
                    <li>星探</li>
                    <li>摄影</li>
                    <li>造型</li>
                    <li>服装设计</li>
                    <li>发型设计</li>
                    <li>化妆师</li>
                    <li>经纪人</li>
                    <li>星探</li>
                    <li>摄影</li>
                    <li>造型</li>
                    <li>服装设计</li>
                    <li>发型设计</li>
                    <li>化妆师</li>
                    <li>经纪人</li>
                    <li>星探</li>
                </ul>
            </div>
        </form>
        <div class="ncFinish pal ar">
        	<button type="button" class="exitnc">取消</button><button type="submit" class="edSubmit">创建</button>
        </div>
    </div>
</section>
<script>


$(function(){
	$(".circle-data li,.allcircle-data li").hover(function(){
		$(this).addClass("memberPTbg");},function(){
		$(this).removeClass("memberPTbg");	
		}).toggle(function(){
			$(this).css({"background-color":"#d3d3d3"}).append('<span class="thisadd"></span>');
			
		},function(){
			$(this).css({"background-color":""}).children().remove('.thisadd');
		});
	
})



</script>
</body>  
</html>